<!DOCTYPE HTML>
<html lang="en">
    
    <head>
        <!--===============b asic===============-->
        <meta charset="UTF-8">
        <title>Blog - Montage - Creative Photography Responsive Template</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="robots" content="index, follow" />
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <!--===============c ss===============-->
        <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
        <link type="text/css" rel="stylesheet" href="css/reset.css">
        <link rel="stylesheet" type="text/css" href="css/idangerous.swiper.css">
        <link rel="stylesheet" href="css/magnific-popup.css" media="all">
        <link type="text/css" rel="stylesheet" href="css/style.css">
        <link type="text/css" rel="stylesheet" href="css/color.css">
        <!--===============f avicons===============-->
        <link rel="shortcut icon" href="images/favicon.ico">
    </head>
    
    <body>
        <!--=================m ain start================-->
        <div id="main">
            <!--===============h eader===============-->
            <div class="header">
                <div class="call-menu">
                    <div class="btn-menu-wrapper">
                        <div id="btn-menu"><span class="icon-container"><span class="line line01"></span><span class="line line02"></span><span class="line line03"></span><span class="line line04"></span></span>
                        </div>
                    </div><span class="menutext">menu</span>

                </div>
                <div class="logo-holder">
                     <h2><a href="index.html" class="ajax">Montage</a></h2>

                </div>
            </div>
            <!--===============n avigation===============-->
            <div class="nav-holder isDown">
                <div class="menu-holder">
                    <div id="menu">
                        <ul>
                            <li><a href="index.html" class="ajax  no-vismen"><span>Home</span></a>

                            </li>
                            <li><a href="portfolio.html" class="ajax no-vismen"><span>Work</span></a>

                            </li>
                            <li><a href="about.html" class="ajax no-vismen"><span>About</span></a>

                            </li>
                            <li><a href="blog.html" class="ajax no-vismen"><span>Journal</span></a>

                            </li>
                            <li><a href="contact.html" class="ajax no-vismen"><span>Contact</span></a>

                            </li>
                            <li><a href="contact.html#" class="no-vismen"><span>Pages</span></a>

                                <ul>
                                    <li><a href="contact.html#" class="no-vismen"><span>home</span></a>

                                        <ul>
                                            <li><a href="index2.html" class="ajax"><span>Style 2</span></a>

                                            </li>
                                            <li><a href="index3.html" class="ajax"><span>Style 3</span></a>

                                            </li>
                                            <li><a href="index4.html" class="ajax"><span>Style 4</span></a>

                                            </li>
                                            <li><a href="index5.html" class="ajax"><span>Style 5</span></a>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html#" class="no-vismen"><span>work</span></a>

                                        <ul>
                                            <li><a href="portfolio2.html" class="ajax"><span>Style 2</span></a>

                                            </li>
                                            <li><a href="portfolio3.html" class="ajax"><span>Style 3</span></a>

                                            </li>
                                            <li><a href="portfolio4.html" class="ajax"><span>Style 4</span></a>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="contact.html#" class="no-vismen"><span>single project</span></a>

                                        <ul>
                                            <li><a href="portfolio-single.html" class="ajax"><span>Style 2</span></a>

                                            </li>
                                            <li><a href="portfolio-single3.html" class="ajax"><span>Style 3</span></a>

                                            </li>
                                            <li><a href="portfolio-single4.html" class="ajax"><span>Style 4</span></a>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="/404.html" class="no-vismen ajax"><span>404</span></a>

                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="nav-social">
                    <ul>
                        <li><a href="contact.html#" class="transition2">Facebook<span class="transition2"></span></a>

                        </li>
                        <li><a href="contact.html#" class="transition2">Twitter<span class="transition2"></span></a>

                        </li>
                        <li><a href="contact.html#" class="transition2">Instagram<span class="transition2"></span></a>

                        </li>
                    </ul>
                </div>
            </div>
            <!--===============w rapper===============-->
            <div id="wrapper">
                <div class="content-holder elem scale-bg2 transition3">
                    <div class="header-overlay"></div>
                    <!--===============p age title===============-->
                    <div class="page-title">
                        <ul>
                            <li>
                                 <h3><a href="contact.html" class="ajax">Contatcts</a></h3>

                            </li>
                        </ul>
                    </div>
                    <!--===============l eft colum===============-->
                    <div class="left-colum vis-colum transition">
                        <div class="bg bg-parallax" style="background-image:url(images/folio/small/1.jpg)"></div>
                    </div>
                    <!--===============r ight colum===============-->
                    <div class="content right-colum  transition vis-colum2 ">
                        <div class="right-colum-wrapper">
                            <!--===============c ontact info===============-->
                            <section id="sec1">
                                <div class="container ">
                                     <h2>Contact info</h2>

                                    <div class="clearfix"></div>
                                    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit</p>
                                    <ul class="contact-info">
                                        <li><a href="contact.html#" class="transition"><span>+7(111)123456789</span></a>

                                        </li>
                                        <li><a href="contact.html#" class="transition"><span>yourmail@domain.com</span></a>

                                        </li>
                                        <li><a href="contact.html#" class="transition"><span>27th Brooklyn NY</span></a>

                                        </li>
                                    </ul><a href="contact.html#sec2" class="scroll-link link-content">Write me</a>

                                </div>
                            </section>
                        </div>
                        <div class="right-colum-wrapper">
                            <!--===============c ontact form===============-->
                            <section id="sec2">
                                <div class="container ">
                                     <h2>Get in Touch</h2>

                                    <div id="contact-form">
                                        <div id="message"></div>
                                        <form method="post" action="/php/contact.php" name="contactform" id="contactform">
                                            <input name="name" type="text" id="name" class="inputForm2" onClick="this.select()" value="Name">
                                            <input name="email" type="text" id="email" onClick="this.select()" value="E-mail">
                                            <textarea name="comments" id="comments" onClick="this.select()">Message</textarea>
                                            <input type="submit" class="send_message transition" id="submit" value="Send Message" />
                                        </form>
                                    </div>
                                </div>
                            </section>
                        </div>
                    </div>
                </div>
            </div>
            <!-- wrapper end -->
            <!--===============Q uick view===============-->
            <div id="project-page-holder">
                <div id="project-page-data"></div>
            </div>
        </div>
        <!-- Main end -->
        <!--===============f ooter===============-->
        <footer>
            <ul>
                <li><a class="open-project visproject transition" href="pr-list/project-ajax.html">Quick view <i class="fa fa-list"></i></a>

                </li>
                <li><a class="selectMe shareSelector transition">Share &#173;   <i class="fa fa-share-alt"></i></a>

                </li>
            </ul>
            <p>&#169; Montage 2015. All rights reserved.</p>
        </footer>
        <!--===============s hare===============-->
        <div class="share-container isShare"></div>
        <!--===============b ody copyright===============--><span id="body-copyright" class="transition2 scale-bg5">&#169; Montage 2015.  All rights reserved.</span>

        <!--===============s cripts===============-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/jpreloader.min.js"></script>
        <script type="text/javascript" src="js/plugins.js"></script>
        <script type="text/javascript" src="js/core.js"></script>
        <script type="text/javascript" src="js/scripts.js"></script>
    </body>

</html>